﻿/*-------------------------------------
1. General
---------------------------------------*/
*, body { font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }
body { margin-bottom: 30px; }
h1 {font-weight: 300; font-size: 36px; line-height: normal; margin: auto; margin-top: 30px; text-align: center; }
h2 {font-weight: 500; font-size: 20px; line-height: normal; margin: auto; margin-bottom: 30px; text-align: center; color: #09F; }

.green { color: #3C3; }
.gray { color: #999; }

.form-horizontal.templatemo-payment-form .radio.templatemo-no-padding-top {	padding-top: 0; }
.control-wrapper { position: relative; padding-left: 30px; }
.control-wrapper label.fa-label { position: absolute; left: 4px; top: 6px; }
.form-group:last-child { margin-bottom: 0; }
.form-horizontal .control-wrapper .control-label { padding-top: 0; margin-bottom: 10px; }
.table { margin-bottom: 0; }
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, 
.table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td { vertical-align: middle; }
.templatemo-form-list-container { max-width: 600px; }
.templatemo-input-icon-container { position: relative; }
.templatemo-input-icon-container .fa { color: gray; position: absolute; left: 10px; top: 10px; }
.templatemo-input-icon-container input, 
.templatemo-input-icon-container textarea {	padding-left: 30px; }
.templatemo-container { background-color: rgba(255,255,255,0.8); border: 1px solid #dedede; border-radius: 8px; margin: 0 auto; padding: 30px; }
.templatemo-bg-gray { background-color: #eee; }
.templatemo-bg-gray h1 { color: rgb(74, 164, 180); }
.templatemo-bg-image-1 { background-color: rgb(60,60,60); background-image: url(../images/templatemo-bg-1.jpg);	}
.templatemo-bg-image-2 { background-color: rgb(70, 90, 40); background-image: url(../images/templatemo-bg-2.jpg); }
.templatemo-bg-image-1, .templatemo-bg-image-2 { background-repeat: no-repeat;background-position: center center;background-attachment: fixed; }
.templatemo-bg-image-1, .templatemo-bg-image-2 { background-size: cover; }
.font-size-small { font-size: 0.8em; }
.margin-bottom-15 {	margin-bottom: 15px; }
.margin-bottom-30 {	margin-bottom: 30px; }
.form-group { margin-bottom: 20px; }
.form-group a {	line-height: 34px; }
.fa { font-size: 16px; }
.fa.login-with { font-size: 30px; margin: 0 5px; }
.fa-medium { font-size: 20px; }
.inline-block { display: inline-block; }

/*-------------------------------------
2. login-form
---------------------------------------*/
.templatemo-login-form { max-width: 500px; }
.templatemo-login-form a { color: gray; }
.templatemo-login-form a:hover { color: black; text-decoration: none; cursor: pointer; }
.templatemo-create-new { color: #58B4BB; font-size: 18px; font-weight: 300; }
.templatemo-create-new:hover { color: #138892; text-decoration: none; }

/* Bootstrap 消息框 css样式 */
 .alert { padding: 15px; border: 1px solid transparent; border-radius: 4px;}
 .alert h4 { margin-top: 0;color: inherit;}
 .alert .alert-link { font-weight: bold;}
 .alert > p,.alert > ul { margin-bottom: 0;}
 .alert > p + p { margin-top: 5px;}
 /* 红色 */
 .alert-danger { color: #b94a48; background-color: #f2dede; border-color: #eed3d7;}
 .alert-danger hr { border-top-color: #e6c1c7;}
 .alert-danger .alert-link { color: #953b39;}
 /* 黄色 */
 .alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc;}
 .alert-warning hr { border-top-color: #f7e1b5;}
 .alert-warning .alert-link { color: #66512c;}

.form-group a.btn,.templatemo-login-form a.btn { line-height:100%;color:#fff; }
.templatemo-login-form a.btn:hover { color:#fff; text-decoration: none; cursor: pointer; }
.btn .glyphicon { font-size:10px; }
.btn-caslogin { height:80px; padding-top:20px; text-align:center; }
